<template>
 <div>
  <el-button class="filter-item" size="mini" type="success" icon="el-icon-back" style="margin-left:25px"  @click="back">返回</el-button>
  <el-tabs v-model="activeName" style="padding-left: 25px;" type="border-card" @tab-click="handleClick">
    <!-- <el-tab-pane label="参数配置" name="first">
      <Config/>
    </el-tab-pane> -->
	<el-tab-pane  name="first">
	  <span slot="label"><i class="el-icon-date"></i> 客户基本信息</span>
        
      <!-- <Config/> -->
	  <Basic/>
    </el-tab-pane>
    <el-tab-pane label="客户财务信息" name="second">
      <!-- <ToPay/> -->
	  <Finance/>
    </el-tab-pane>
    <el-tab-pane label="客户信用信息" name="third">
       <!-- <Basic/> -->
	   <Credit/>
    </el-tab-pane>
	 <!-- <el-tab-pane label="客户信用分析" name="fourth">
      <ToPay/>
    </el-tab-pane> -->
  </el-tabs>
</div>
</template>

<script>
import Basic from './custBasicInfo'
import Finance from './custFinanceInfo'
import Credit from './custCreditInfo'
import Config from './config'
import ToPay from './toPay'
import '@/styles/description.scss'
export default {
  components: { Config, ToPay ,Basic,Finance,Credit},
  data() {
    return {
      activeName: 'first'
    }
  },
  created() {
	  this.activeName = sessionStorage.getItem('firstTab') ||'first'
  },
  methods: {
	  back(){
		 this.$router.go(-1)
	  },
	  handleClick(tab, event) {
				console.log('tab.name',tab.name)
				sessionStorage.setItem('firstTab',tab.name)
				// console.log(tab, event);
     }
  }
}
</script>

<style scoped>
</style>
